<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<base href="<%=basePath%>">
		<meta charset="utf-8" />
		<title></title>
		<meta name="description" content="overview & stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link href="static/css/bootstrap.min.css" rel="stylesheet" />
		<link href="static/css/bootstrap-responsive.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="static/css/font-awesome.min.css" />
		<link href="${ctx}static/Se7en/stylesheets/style.css" media="all" rel="stylesheet" type="text/css" />
		
		<!-- 下拉框 -->
		<link rel="stylesheet" href="static/css/chosen.css" />
		<link rel="stylesheet" href="static/css/ace.min.css" />
		<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
		<link rel="stylesheet" href="static/css/ace-skins.min.css" />
		<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
		<!--提示框-->
		<script type="text/javascript" src="static/js/jquery.tips.js"></script>
		 <script src="${ctx}static/Se7en/javascripts/bootstrap-fileupload.js" type="text/javascript"></script>
		
<script type="text/javascript">
	$(top.hangge());
	//保存
	function save(){
		$("#userForm").submit();
		$("#zhongxin").hide();
		$("#zhongxin2").show();
	}
</script>
	</head>
<body>
	<form action="user/saveheadimg.do" name="userForm" id="userForm" method="post" enctype="multipart/form-data">
		<input type="hidden" name="recordid" id="recordid" value="${pd.USER_ID }"/>
		<div id="zhongxin">
       <div class="fileupload fileupload-new" data-provides="fileupload" >
                <div class="fileupload-new img-thumbnail" style="width: 160px; height: 200px;">
                <c:if test="${pd.PATH ==''}">
                <img src="static/avatars/user.jpg" style="width: 160px; height: 200px;">
                </c:if>
                   <c:if test="${pd.PATH !=''}">
                <img src="${pd.PATH}" style="width: 160px; height: 200px;">
                </c:if>
                </div>
                <div class="fileupload-preview fileupload-exists img-thumbnail" style="width: 160px; max-height: 200px"></div>
                <div>
                  <span class="btn btn-default btn-file"><span class="fileupload-new">选择图片</span>
                  <span class="fileupload-exists">修改</span><input type="file" id="file" name="file"></span>
                  <a class="btn btn-default fileupload-exists" data-dismiss="fileupload" href="#">移除</a>
                  <a class="btn btn-default fileupload-exists"  onclick="save();">保存</a>
                </div>
              </div>
				
		</div>
		
		<div id="zhongxin2" class="center" style="display:none"><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green"></h4></div>
		
	</form>
	
		<!-- 引入 -->
		<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
		<script src="static/js/bootstrap.min.js"></script>
		<script src="static/js/ace-elements.min.js"></script>
		<script src="static/js/ace.min.js"></script>
		<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script><!-- 下拉框 -->
		
		<script type="text/javascript">
		
		$(function() {
			
			//单选框
			$(".chzn-select").chosen(); 
			$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
			
			//日期框
			$('.date-picker').datepicker();
			
		});
		
		</script>
	
</body>
</html>